{% extends "base.html" %}

{% block content %}
<div class="container">
    <!-- 欢迎信息 -->
    <div class="jumbotron text-center bg-light p-5 rounded-3 my-4">
        <h1 class="display-4">欢迎使用园林景观设计理念与案例分享平台</h1>
        <p class="lead">这里是园艺技术与插花艺术的交流与学习平台</p>
        <hr class="my-4">
        <p>分享设计案例、参与社区讨论、学习专业知识</p>
        {% if not current_user.is_authenticated %}
        <div class="mt-4">
            <a class="btn btn-primary btn-lg me-2" href="{{ url_for('auth.register') }}" role="button">
                <i class="fas fa-user-plus"></i> 立即注册
            </a>
            <a class="btn btn-outline-primary btn-lg" href="{{ url_for('auth.login') }}" role="button">
                <i class="fas fa-sign-in-alt"></i> 登录
            </a>
        </div>
        {% endif %}
    </div>

    <!-- 功能介绍 -->
    <div class="row g-4 py-4">
        <div class="col-md-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-drafting-compass fa-3x text-primary mb-3"></i>
                    <h5 class="card-title">设计案例</h5>
                    <p class="card-text">浏览优秀的园艺技术与插花艺术案例，获取灵感与经验</p>
                    <a href="{{ url_for('design.index') }}" class="btn btn-outline-primary">查看案例</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-users fa-3x text-success mb-3"></i>
                    <h5 class="card-title">社区交流</h5>
                    <p class="card-text">与其他设计师交流讨论，分享经验与见解</p>
                    <a href="{{ url_for('community.index') }}" class="btn btn-outline-success">参与讨论</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card h-100">
                <div class="card-body text-center">
                    <i class="fas fa-graduation-cap fa-3x text-info mb-3"></i>
                    <h5 class="card-title">在线学习</h5>
                    <p class="card-text">学习专业知识，提升设计技能</p>
                    <a href="{{ url_for('learning.index') }}" class="btn btn-outline-info">开始学习</a>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %} 